<!DOCTYPE html>  
<html>  
  <head>  
    <title>Demo 5</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  </head>  
  <body>  
    <h1>heading</h1>
    <h1 style="font-family: 'Times New Roman', Times, serif;">heading</h1>
    <hr/>
    <p style="font-size:xx-small;">1 Paragraph</p>    
    <p style="font-size:x-small;">2 Paragraph</p>    
    <p style="font-size:small;">3 Paragraph</p>    
    <p style="font-size:medium;">4 Paragraph</p>    
    <p style="font-size:large;">5 Paragraph</p>    
    <p style="font-size:x-large;">6 Paragraph</p>    
    <p style="font-size:xx-large;">7 Paragraph</p>    
    <p style="font-size:200%;">8 Paragraph</p>
    <p style="font-size:20px;">9 Paragraph</p>
    <p style="font-size:2.5em;">10 Paragraph</p>
    <p style="font-size:10vw;">11 Paragraph</p>
    <hr/>
    <p style="font-style: normal;">Paragraph</p>
    <p style="font-style: oblique;">Paragraph</p>
    <hr/>
    <p style="font-variant: normal;">Paragraph</p>
    <p style="font-variant: small-caps;">Paragraph</p>    
    <hr/>
    <!-- 粗细，默认正常400，可以输入1到1000 -->
    <p style="font-weight: normal;">Paragraph</p>
    <p style="font-weight: lighter;">Paragraph</p>
    <p style="font-weight: bolder;">Paragraph</p>
    <p style="font-weight: 1000;">Paragraph</p>
  </body>
</html>